
@function hexToRgba($color, $opacity) {
    @return rgba(red($color), green($color), blue($color), $opacity);
}


/* 亮色主题 */
$light-bg: #fff;/* 背景色 */
$light-font: #0e1225;/* 文字 */
$light-font-hover: hexToRgba($light-font,0.8);/* 文字 hover */
$light-font-hover-bg:hexToRgba($light-font,0.1);
$light-main-banner-bg: #fff;/* 主 banner 背景色 */

$light-main-btn-font: hexToRgba($light-font,0.8);/* 按钮文字 */
$light-main-btn-font-hover: hexToRgba($light-font,0.8);/* 按钮文字 hover */
$light-main-btn-font-hover-bg:hexToRgba($light-font,0.02);/* 按钮文字 背景色 */
$light-main-btn-border:hexToRgba($light-font,0.1);/* 按钮边 */
$light-main-btn-bg:#0f172a;
$light-main-btn-bg-font:$light-bg;

$light-main-upload-text:hexToRgba(#0f172a, 0.8);
$light-main-btn-bg-blue:hexToRgba(#0f172a, 0.7);



$light-main-btn-border-gray:#e5e7eb;
$light-main-btn-bg-light:rgba(15,23,42,0.6);
$light-btn-font-light:#fff;
$light-main-btn-bg-active:#F8D57E;
$light-main-btn-font-active:rgb(15,23,42);

$light-upload-bg:rgba(0,0,0,.02);
$light-main-index-tool-bg:hexToRgba(#fff,1);
/* 首页统计字体 */
$light-main-index-about-font:rgba(15,23,42,.8);



/* 暗色主题 */
$dark-bg: #5d18dc;
$dark-font: #fff;
$dark-font-hover: hexToRgba($dark-font,0.8);/* 文字 hover */
$dark-font-hover-bg:hexToRgba($dark-font,0.1);
$dark-main-banner-bg: #5d18dc;
$dark-main-btn-font: $dark-font;/* 按钮文字 */
$dark-main-btn-font-hover: hexToRgba($dark-font,0.8);/* 按钮文字 hover */
$dark-main-btn-font-hover-bg:rgba(109,52,223,0.8);/* 按钮文字 背景色 */
$dark-main-btn-border:hexToRgba(#7741e1,1);/* 按钮边 */
$dark-main-btn-bg:#F8D57E;/* 按钮边 hover */
$dark-main-btn-bg-font:rgba(15,23,42,.8);
$dark-main-btn-border-gray:rgba(255,255,255,0.1);
$dark-main-btn-bg-light:hexToRgba(#bb7dff, 0.3);
$dark-btn-font-light:hexToRgba(#fff, 0.8);
$dark-main-btn-bg-active:#F8D57E;
$dark-main-btn-font-active:hexToRgba(#372b47, 1);

$dark-main-upload-text:hexToRgba(#fff, 0.8);
$dark-main-btn-bg-blue:hexToRgba(#8E4FFF, 1);


$dark-upload-bg:hexToRgba(#8240F8,0.5);
$dark-main-index-tool-bg:hexToRgba(#7F37FF,1);


/* 首页统计字体 */
$dark-main-index-about-font:rgba(15,23,42,.8);



// 导航栏宽度
$header-content-width: 90%;

/* 内容区宽度 */
$content-body-width: 72%;

/* 页面元素圆角默认 */
$radius-normal: 6px;

/* 主要投影样式 */
$boxshadow: 4.5px 0.5px 3.6px rgba(0, 0, 0, 0.009), 12.5px 1.4px 10px rgba(0, 0, 0, 0.006),
  30.1px 3.3px 24.1px rgba(0, 0, 0, 0.012), 100px 11px 80px rgba(0, 0, 0, 0.03);